<template>
  <div id="app" class="">
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "app",
};
</script>

<style lang="scss">
*{
  padding: 0;
  margin:0;
}
html,body{
  width: 100%;
  height: 100%;
}
#app{
  height:100%;
}
body {
  padding: 0;
  margin: 0;
  
}

.loginIn {
	// background-image: url('./assets/8f82dcdc292b20dead34129948e3a907.jpeg')!important;
	background-image: url('./assets/img/loginBg.png')!important;
}
.loginIn .left{
	// width: 550px !important;
	// border-width: 0 !important;
	// border-radius: 0px !important;
	// margin: 0 auto !important;
	// padding: 30px 40px 16px !important;
	// box-shadow: 0 0 10px rgba(0, 0, 0, .15) !important;
	// background-color: #f1f1f1!important;
	background-color: unset!important;
	width: 400px!important;
	padding: 0!important;
	transform: translate(-50%, -50%)!important;
	border-width: 0!important;
	box-shadow: unset!important;
	height: auto!important;
	margin: 0 auto!important;
}

.loginIn .left .title-container .title {
	width: 100% !important;
	margin: 0 auto 40px !important;
	font-size: 28px !important;
	background-color: unset !important;
	color: #333333 !important;
	padding: 0 !important;
	line-height: 40px!important;
}

.loginIn .loginInBt {
	background-color: #4db14d !important;
	color: white !important;
	border-radius: 8px !important;
	width: 100% !important;
	height: 44px !important;
	font-size: 18px !important;
	letter-spacing: 5px !important;
	padding: 0 !important;
	margin: 30px auto 0!important;
	color: white!important;
	box-shadow: unset!important;
	line-height: 44px!important;
}
.loginIn .left .el-form-item {
	width: 100%!important;
}
.loginIn .left .login-form {
	width: 100%!important;
	border-radius: 0!important;
}
.loginIn .left .el-form-item .el-radio.is-checked .el-radio__inner {
	background-color: #409eff !important;
	border-color: #409eff !important;
}
.loginIn .left .el-form-item .el-radio.is-checked .el-radio__label {
	color: #409eff !important;
}
.login-form {
	width: 550px !important;
	border-width: 0 !important;
	border-radius: 0px !important;
	margin: 0 auto !important;
	padding: 30px 40px 16px !important;
	box-shadow: 0 0 10px rgba(0, 0, 0, .15) !important;
	background-color: white!important;
	box-sizing: border-box;
	border-radius: 4px!important;
}
.container .login-form .h1 {
	width: 100% !important;
	margin: 0 auto 40px !important;
	font-size: 28px !important;
	background-color: unset !important;
	color: #333333 !important;
	padding: 0 !important;
}
.navbar {
	background-image: unset !important;
	background-color: white !important;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1)!important;
	margin-left: 200px;
}
.navbar .title-menu .title-name {
	color: white !important;
	font-size: 22px!important;
	transform: translateX(-180px);
}
.navbar .right-menu div {
	color: #333333 !important;
	background-color: white !important;
}
.navbar .right-menu div.logout:hover {
	background-color: white !important;
	color: #002253 !important;
}
.app-breadcrumb {
	background-color: white !important;
	box-shadow: unset!important;
	border-radius: 0!important;
	padding-top: 10px!important;
	height: auto!important;
}
.index-aside {
	background-image: unset !important;
	background-color: #20222A !important;
}
.index-aside .menulist-item {
	background-image: unset !important;
	background-color: unset !important;
	padding: 0 !important;
}
.index-aside .el-menu-demo > .el-menu-item {
	width: 100% !important;
	line-height: 40px !important;
	height: 40px !important;
	padding: 0 !important;
	margin: 8px 0 !important;
	margin-top: 0!important;
	color: white !important;
	border: unset !important;
	border-radius: 0 !important;
	background-color: transparent !important;
	text-indent: 25px !important;
	box-shadow: unset !important;
	border-left: 3px solid transparent !important;
}
.index-aside .el-menu-demo > .el-menu-item.is-active {
	background-color: #1686ef !important;
}
.index-aside .el-menu-demo > .el-menu-item:hover {
	border-color: #1686ef !important;
}
.index-aside .el-menu-demo .el-submenu {
	margin: 8px 0 !important;
	border-left: 0px solid transparent !important;
	padding: 0!important;
}
.index-aside .el-menu-demo .el-submenu__title {
	width: 100% !important;
	line-height: 40px !important;
	padding: 0 !important;
	margin: 0 !important;
	color: white !important;
	border: unset !important;
	border-radius: 0 !important;
	background-color: transparent !important;
	text-indent: 25px !important;
	box-shadow: unset !important;
	border-left: 3px solid transparent!important;
}
.index-aside .el-menu-demo .el-submenu__title:hover {
	border-left: 3px solid #1686ef!important;
	// background-color: #0D2D5C!important;
	// color: #ff929a!important;
}
.index-aside .el-menu-demo .el-menu.el-menu--inline {
	width: 100% !important;
	margin: 0 !important;
	color: white !important;
	border-width: 0 !important;
	text-align: left !important;
	padding: 0 !important;
	text-indent: 30px !important;
	background-color: #20222A99 !important;
}

.index-aside .el-menu-demo .el-menu.el-menu--inline .el-menu-item {
	text-align: left !important;
	padding: 0 !important;
	text-indent: 35px !important;
	color: white !important;
	height: 40px !important;
	line-height: 40px !important;
	border-radius: 0 !important;
	box-shadow: unset !important;
	background-color: #20222A11 !important;
	font-size: 14px!important;
}
.index-aside .el-menu-demo .el-menu.el-menu--inline .el-menu-item:hover,  .index-aside .el-menu-demo .el-menu.el-menu--inline .el-menu-item.is-active{
	height: 40px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background-color: #1686ef !important;
	line-height: 40px !important;
}

.index-aside .el-menu-demo .el-submenu__title .el-submenu__icon-arrow{
	color: white !important;
	right: 40px!important;
}
.index-aside .el-menu-demo .el-submenu.is-opened {
	background-color: unset !important;
	// border-left: 4px solid #409eff !important;
}
.el-button {
	border-radius: 6px !important;
	border: 1px solid transparent !important;
	background-color: #4db14d !important;
	color: white !important;
	margin-right: 5px !important;
	height: 32px !important;
	line-height: 32px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	// display: flex !important;
	// align-items: center !important;
	// justify-content: center !important;
	font-size: 14px!important;
	
}
.el-table--group, .el-table--border {
	border-width: 0!important;
}
.el-pagination.is-background .el-pager li:not(.disabled).active {
	background-color: #409eff !important;
}

.el-button.el-button--danger {
	background-color: #f52713 !important;
}
.el-checkbox__input.is-checked .el-checkbox__inner {
	background-color: #409eff !important;
	border-color: #409eff !important;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
	background-color: #409eff !important;
	border-color: #409eff !important;
}
.el-checkbox__inner:hover {
	border-color: #409eff !important;
}
.el-input__inner, .el-textarea__inner {
	border-color: #d9d9d9 !important;
	border-radius: 6px !important;
	background-color: unset!important;
}
.el-input__inner:focus {
	border-color: #409eff !important;
}
.el-textarea__inner {
	border-color: #d9d9d9 !important;
	border-radius: 6px !important;
}
.el-textarea__inner:focus {
	border-color: #409eff !important;
}
.loginIn .left .el-form-item {
	padding: 0!important;
	    margin: 0 auto 20px!important;
}
.loginIn .left .el-form-item .svg-container {
	color: #333!important;
	display: none!important;
}
.loginIn .left .el-form-item .el-input input {
	margin: 0!important;
	border-width: 0 0 1px 0!important;
	border-radius: 0!important;
}
.loginIn .el-form-item__label {
	color: #333!important;
}
.loginIn .register {
	width: 100%!important;
	margin: 20px 0!important;
	font-size: 16px!important;
}
.el-form-item__label {
	color: #606266!important;
}
.el-input__inner {
	background-color: #fff!important;
	background-image: none!important;
	border-radius: 4px!important;
	border: 1px solid #dcdfe6!important;
	-webkit-box-sizing: border-box!important;
	box-sizing: border-box!important;
	color: #606266!important;
	display: inline-block!important;
	font-size: inherit!important;
	height: 40px!important;
	line-height: 40px!important;
	outline: 0!important;
	padding: 0 15px!important;
	-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1)!important;
	transition: border-color .2s cubic-bezier(.645,.045,.355,1)!important;
	width: 100%!important;
}
.el-table th.el-table__cell {
	color: #606266!important;
	background-color: white!important;
	border-width: 0 0 1px 0!important;
}
.detail-form-content {
	background-color: unset!important;
}
.el-pagination {
	display: flex!important;
	justify-content: center!important;
}
.el-main .tables .el-table__body tr {
	background-color: white!important;
}
.tables .el-table__body tr:nth-child(2n) {
	background-color: #f1f1f1!important;
}
.tables .el-table__body tr > td {
	background-color: unset!important;
	border-width: 0 0 1px 0!important;
}
.loginIn .left .title-container .title {
	font-size: 25px!important;
}
.text.main-text {
	background-color: white!important;
	box-shadow: unset!important;
}
.index-aside .el-menu-demo > .el-menu-item .el-icon-menu,.index-aside .el-menu-demo .el-submenu__title .el-icon-menu {
	color: white!important;
}
.app-breadcrumb .box {
	box-shadow: unset!important;
	// margin: 0 20px!important;
}
.el-breadcrumb__inner.is-link, .el-breadcrumb__inner a {
	color: #666!important;
}
.el-breadcrumb__separator {
	color: #999!important;
}
.app-breadcrumb .no-redirect {
	color: #666!important;
}
.bread-crumbs {
	padding-top: 10px!important;
	border-bottom: 1px solid #f1f1!important;
	margin-top: 60px!important;
}
.el-main .el-input--medium .el-input__inner{
	border-width: 0 0 1px 0!important;
	border-radius: 0!important;
	height: 32px!important;
}
.slt.el-row .el-input .el-input__inner {
	border: 1px solid  #d9d9d9!important;
}
.slt.el-row .el-form-item__label {
	display: none!important;
}
.el-table .el-table__cell {
	padding: 5px 0!important;
}
.el-upload {
	background-color: white!important;
	border: 1px solid #d9d9d9!important;
}
.el-form-item.btn .el-form-item__content {
	display: flex!important;
	align-items: center!important;
}
.loginIn .left .el-form-item .el-form-item__content {
	margin-left: 0!important;
}
</style>
